<template>
  <div class="row justify-content-center">
    <div class="col-8">
      <div v-if="roomGoods">
        <h2 class="jh-entity-heading" data-cy="roomGoodsDetailsHeading"><span>RoomGoods</span> {{ roomGoods.id }}</h2>
        <dl class="row jh-entity-details">
          <dt>
            <span>Bk Room Type</span>
          </dt>
          <dd>
            <span>{{ roomGoods.bkRoomType }}</span>
          </dd>
          <dt>
            <span>Bk No</span>
          </dt>
          <dd>
            <span>{{ roomGoods.bkNo }}</span>
          </dd>
          <dt>
            <span>Title</span>
          </dt>
          <dd>
            <span>{{ roomGoods.title }}</span>
          </dd>
          <dt>
            <span>Oldprice</span>
          </dt>
          <dd>
            <span>{{ roomGoods.oldprice }}</span>
          </dd>
          <dt>
            <span>Building Size</span>
          </dt>
          <dd>
            <span>{{ roomGoods.buildingSize }}</span>
          </dd>
          <dt>
            <span>Room Type</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomType }}</span>
          </dd>
          <dt>
            <span>Room Floor</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomFloor }}</span>
          </dd>
          <dt>
            <span>Building Type</span>
          </dt>
          <dd>
            <span>{{ roomGoods.buildingType }}</span>
          </dd>
          <dt>
            <span>Ladderhousehold</span>
          </dt>
          <dd>
            <span>{{ roomGoods.ladderhousehold }}</span>
          </dd>
          <dt>
            <span>Floor Structure</span>
          </dt>
          <dd>
            <span>{{ roomGoods.floorStructure }}</span>
          </dd>
          <dt>
            <span>Room Towards</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomTowards }}</span>
          </dd>
          <dt>
            <span>Room Fitment</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomFitment }}</span>
          </dd>
          <dt>
            <span>Listing Time</span>
          </dt>
          <dd>
            <span>{{ roomGoods.listingTime }}</span>
          </dd>
          <dt>
            <span>Last Trade Time</span>
          </dt>
          <dd>
            <span>{{ roomGoods.lastTradeTime }}</span>
          </dd>
          <dt>
            <span>Room Age Limit</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomAgeLimit }}</span>
          </dd>
          <dt>
            <span>Room Mortgage</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomMortgage }}</span>
          </dd>
          <dt>
            <span>Room Transaction Ownership</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomTransactionOwnership }}</span>
          </dd>
          <dt>
            <span>Room User</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomUser }}</span>
          </dd>
          <dt>
            <span>Room Property Rights</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomPropertyRights }}</span>
          </dd>
          <dt>
            <span>Room Spare Parts</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomSpareParts }}</span>
          </dd>
          <dt>
            <span>Focus No</span>
          </dt>
          <dd>
            <span>{{ roomGoods.focusNo }}</span>
          </dd>
          <dt>
            <span>Characteristic</span>
          </dt>
          <dd>
            <span>{{ roomGoods.characteristic }}</span>
          </dd>
          <dt>
            <span>Room Sell Point</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomSellPoint }}</span>
          </dd>
          <dt>
            <span>Community Introduction</span>
          </dt>
          <dd>
            <span>{{ roomGoods.communityIntroduction }}</span>
          </dd>
          <dt>
            <span>Room Introduction</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomIntroduction }}</span>
          </dd>
          <dt>
            <span>Surrounding Facilities</span>
          </dt>
          <dd>
            <span>{{ roomGoods.surroundingFacilities }}</span>
          </dd>
          <dt>
            <span>Transportation</span>
          </dt>
          <dd>
            <span>{{ roomGoods.transportation }}</span>
          </dd>
          <dt>
            <span>Room Broker</span>
          </dt>
          <dd>
            <span>{{ roomGoods.roomBroker }}</span>
          </dd>
          <dt>
            <span>Selling</span>
          </dt>
          <dd>
            <span>{{ roomGoods.selling }}</span>
          </dd>
        </dl>
        <button type="submit" v-on:click.prevent="previousState()" class="btn btn-info" data-cy="entityDetailsBackButton">
          <font-awesome-icon icon="arrow-left"></font-awesome-icon>&nbsp;<span> Back</span>
        </button>
        <router-link
          v-if="roomGoods.id"
          :to="{ name: 'RoomGoodsEdit', params: { roomGoodsId: roomGoods.id } }"
          custom
          v-slot="{ navigate }"
        >
          <button @click="navigate" class="btn btn-primary">
            <font-awesome-icon icon="pencil-alt"></font-awesome-icon>&nbsp;<span> Edit</span>
          </button>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script lang="ts" src="./room-goods-details.component.ts"></script>
